import { NavBar, Icon, WingBlank, InputItem, Button } from "antd-mobile";

import msg from "./msg.png";
import "./index.less";

function PasswordRegister() {
  return (
    <div className="verify-password">
      <NavBar
        mode="light"
        icon={<Icon className="left-icon" type="left" />}
        onLeftClick={() => {}}>
        硅谷注册
      </NavBar>
      <WingBlank>
        <img className="verify-code-msg" src={msg} alt="msg" />
        <p className="verify-code-tip">请设置登录密码</p>
        <InputItem
          type="password"
          className="verify-password-btn"
          placeholder="请设置8-20位登录密码"
          extra={<span>xxx</span>}
        />
        <p className="verify-password-text">
          密码由8-20位字母、数字或半角符号组成，不能是10位以下纯数字/字母/半角符号，字母需区分大小写
        </p>
        <Button type="primary" disabled className="btn">
          下一步
        </Button>
        <span className="verify-code-question">
          遇到问题?请<a>联系客服</a>
        </span>
      </WingBlank>
    </div>
  );
}

export default PasswordRegister;
